@charset "UTF-8";
/*---------------------------------------------------------
    $Id:style.css,V1.0 2012-05-29 20:13 Evance Exp $
----------------------------------------------------------*/

/* ------------------------------------
    [1] Override Style
    [4] Layout Style
        #hd
        #bd
        #ft 
    [5] regions style
        block style
        box style
        breadcrumb style
        node style
        .pager
    [6] gadget style
        tabs
        
    [7] modules style
        captcha
        comment
        forum
        tracker
    [8] page style
---------------------------------------- */


/*  [1] override Style  
------------------------------------------------ */
thead th {
    border-bottom:3px solid #666;
}
tr.even {
    background:#FFF;
    border:none;
}
tr.odd {
    background:#EDF1F3;
    border:none;
}
.indented {
    margin-left:30px;
}
.form-item {
    margin:5px 0;
}
.form-item .description {
    display:none;
}
.form-text,
.form-textarea {
    padding:4px 2px;
    border:1px solid #CCC;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.form-submit {
    color:#666;
    padding:4px 15px;
    border:1px solid #CCC; 
    outline:none; 
    background:#EEE;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px; 
    border-radius:3px;
    text-shadow:0px 1px 1px #fff;
    text-decoration:none;
    font-weight:bold;
    -moz-box-shadow:0px 1px 3px #CCC;
}
.submitted {
  color:#999;
  font-size:12px;
}
ul.menu li {
    margin:0 0 0 0.5em;
    list-style-type:circle;
    list-style-image:none;
}
/*-------- isilent old style --------*/
.floatL {
    float:left;
}
.floatR {
    float:right;
}
.imgBorder {
    border:2px solid #CCCCCC;
    padding:4px;
    margin:4px 6px;
}
.quote-box {
    border:1px dashed #DDD;
    background:#FFF;
    margin:0.5em 0 0.5em 1em;
    padding:2px 8px;
}
/*  [4] Layout Style 
------------------------------------------------ */
.layout {
    width:1000px;
}
/*----------- #hd -------------*/
#hd {
    width:100%;
    height:60px;
    overflow:hidden;
}
#hd .layout {
    padding:10px 0 0 40px;
}
#hd .site-name {
    float:left;
    width:100px;
    height:40px;
    display:block;
    font:bold 28px/40px;
    color:#333;
    font:bold 200%/1.5 Arial, sans-serif;
    text-decoration:none;
}
#hd .site-search {
    float: right;
    padding:10px 0 0;
}
/*----------- #site-nav -------------*/
#site-nav {
    height:36px;
    line-height:36px;
    background:#444;
    padding:0 0 0 40px;
}
#site-nav li {
    float:left;
    margin:0 24px 0 0;
    _margin:0 12px 0 0;
}
#site-nav a {
    color:#fff;
}
/*----------- #bd -------------*/
#bd {
    background:#EEE;
    border-top:1px solid #fff;
}
#sidebar {
    width:210px;
    overflow:hidden;
    padding:8px 0 0;
    float:left;
}
#sidebar .block {
    margin:8px 12px;
}
#sidebar .block h2 {
    font-size:16px;
    line-height:32px;
    font-weight:bold;
}
#main {
}
.two-cols {
    padding:4px 6px 0 210px;
    border-left:1px solid #ccc;
}
#main h1 {
    border-bottom:2px dashed #EEE;
    font:bold 20px/1.3 "微软雅黑",Arial;
    padding:0 0 6px 10px;
    text-shadow:1px 1px 1px rgba(50, 50, 50, 0.3);
}
/*----------- #ft -------------*/
#ft {
    font-size:11px;
    color:#999;
    text-shadow:0 1px 0 rgba(255, 255, 255, 1.0);
    border-top: 1px solid #ccc;
}
#ft .wrapper {
    padding:20px 0;
    text-align:center;
    border-top: 1px solid #fff;
}
#ft .block {
    margin:0;
}
#ft ul.fl {
    text-align:center;
}
#ft ul.fl li {
    display:inline;
    margin:0 6px 0 0;
}
#ft .site-info,
#ft .site-info a {
    color:#999;
}
#ft .site-info a {
    text-decoration:underline;
}
/*  [5] regions style 
------------------------------------------------ */
/*----------- box style -------------*/
.box h2.title {
    font-weight:bold;
}
/*----------- breadcrumb style -------------*/
.breadcrumb {
  margin:4px 12px;
}
/*----------- node style -------------*/
.node {
  margin:5px 12px 8px;
}
.node h2.title {
    font-size:16px;
    font-weight:bold;
    padding:0 0 2px;
}
.node h2 a {
    text-decoration:none;
}
.node .node-info {
    text-align:left;
    color:#666;
}
.node .content {
  margin:5px 0;
}
.node .content h3 {
    margin:4px 0;
}
.node .content p {
    margin:5px 0;
}
.node .picture {
    border:1px solid #fff;
    float:right;
    width:48px;
    height:48px;
    overflow:hidden;
}
.node .links li {
    font-size:11px;
    margin:0 10px 0 0;
    display: inline;
}
/*----------- pager -------------*/
.item-list .pager li {
    margin:0;
}
/*  [6] gadget style 
------------------------------------------------ */
/*----------- msg -------------*/
div.messages {
    font-size:90%;
    margin:5px auto 10px 0;
    padding:5px 0 5px 5px;
}
div.status {
    background:#DFD;
    border:1px solid #090;
}
div.warning {
    background:#FFD;
    border:1px solid #F0C020;
}
div.error {
    background:#FCC;
    border:1px solid #F00;
}
/*----------- tabs -------------*/
.tabs {
  margin:10px 0 8px;
}
.tabs ul {
  margin:0;
  padding:0 0 3px 10px;
  text-align:right;
  list-style:none;
  border-bottom:1px solid #EEE;
}
.tabs ul li {
  display:inline;
}
.tabs ul li a {
  padding:3px 10px;
  background:#fff;
  border:none;
  margin-right:10px;
  text-decoration:none;
  border:1px dashed #EEE;
  border-bottom:none;
}
.tabs ul li.active a {
  background:#CCC;
  color:#fff;
  border-color:#CCC
}
.tabs ul.secondary {
  border-collapse:collapse;
  padding:10px 0;
  width:100%;
  list-style:none;
  border-bottom:none;
}
.tabs ul.secondary li {
  display:inline;
  padding:0 0 0 10px;
  border-right:none;
}
.tabs ul.secondary li a {
  background:#fff;
  padding:10px 0 10px 25px;
  margin:0;
}
.tabs ul.secondary li a.active {
  background:#fff;
  color:#369;
  border-bottom:none;
}
/*  [7] modules style
------------------------------------------------ */
/*------- captcha module -----*/
div.captcha .form-item label {
    display:inline;
    margin:0 10px 0 0;
}
/*------- comment -----*/
#comments {
}
.comment {
  border-top:1px solid #DDD;
  padding:0.5em;
  margin:5px 0;
}
.comment .new {
  font-weight:bold;
  font-size:1em;
  margin-left:2px;
  color:red;
}
.comment .picture {
  width:50px;
  height:50px;
  border:1px solid #CCC;
  float:left;
  margin:2px 8px 2px 0;
}
.comment .picture img {
    width:48px;
    height:48px;
    margin:1px;
}
.comment .links {
    text-align:right;
}
.comment .links a {
    color:#999;
    font-weight:normal;
}
#comments .box h2 {
    color:#999;
    text-indent:10px;
    line-height:28px;
    height:28px;
    background:#EEE;
}
#comments .box .content {
    margin:5px 10px;
}
#comment-form textarea {
    height:8em;
}
#comments #edit-name-wrapper label,
#comments #edit-mail-wrapper label,
#comments #edit-homepage-wrapper label {
    display:block;
    float:left;
    width:110px;
    text-indent:4px;
}
#comments #edit-comment-wrapper label {
    width:110px;
    text-indent:4px;
}
#comments #edit-name-wrapper .form-text, 
#comments #edit-mail-wrapper .form-text,
#comments #edit-homepage-wrapper .form-text {
    width:300px;
}
/*------- forum module -----*/
#forum a {
    color:#0073BA;
    font-weight:bolder;
    text-decoration:none;
}
#forum .name {
    text-indent:10px;
    padding:2px 0;
}
#forum a:hover {
    text-decoration:underline;
}
#forum .container {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
/*------- tracker module -----*/
#tracker th {
  text-align:center;
  background-color:#f5f5f5;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;     
  border-left:1px solid #fafafa;     
}
#tracker th img {
  float:right;     
}
#tracker tr.even, #tracker tr.odd {
  background-color:#fff;
}
#tracker td {
  vertical-align:top;
  padding:1em 1em 1em 0;     
  border-bottom:1px solid #bbb;
}
/*  [8] page style
------------------------------------------------ */
/*----------- admin page -------------*/
div.admin-panel .description {
  color:#999;
}
div.admin-panel h3 {
  background-color:#369;
  color:#fff;
  padding:5px 8px 5px;
  margin:0;
}
div.admin-panel .body {
  background:#fffaf0;
}



















































#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#content {
  width: 100%;
}
body.sidebar-first #content {
  width: 80%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

.section {
  margin: 10px;
}
